import React, { Component } from "react";
import { View, Button, Text } from "@tarojs/components";
import { observer, inject } from "mobx-react";
import Taro from "@tarojs/taro";

import "./index.scss";
import { RegisterCard } from "../../components/register-card";
import { RootStore } from "../../../src/store/root-store";

interface Index {
  props: {
    rootStore: RootStore;
  };
}

@inject("rootStore")
@observer
class Index extends Component {
  componentWillMount() {}

  componentDidMount() {}

  componentWillUnmount() {}

  componentDidShow() {}

  componentDidHide() {}
  handleStart = () => {
    Taro.navigateTo({
      url: "/pages/index/index",
    });
  };
  render() {
    return (
      <View className="file-register">
        <RegisterCard onStart={this.handleStart}></RegisterCard>
      </View>
    );
  }
}

export default Index;
